// 创建vuex  store仓库

import {createStore} from  "vuex"
// 导入vuex-persistedstate模块  做数据持久化操作
import createPersistedstate from "vuex-persistedstate"
const store= createStore({
    // 初始化状态
    state:{
        num:100,
        islogin:true,
    },
    // mutations  同步修改状态的方法
    mutations:{
        addnum(state){
            state.num++
        }
    },
    // 异步修改状态的方法
    actions:{
    },
    // 计算属性
    getters:{
    },
    // 模块
    modules:{
    },
    // 数据持久化
    plugins:[
        createPersistedstate({
            storage:window.localStorage,  //默认localStorage  也可以是sessionStorage
            key:'uuu',  //存储数据的键名  
        })
    ]
})




// 手动监听是做数据持久化操作
// store.subscribe((nutation,state)=>{
//     console.log('999')
//     localStorage.setItem('vuex-state',JSON.stringify(state))
// })
// const savedState =  JSON.parse(localStorage.getItem('vuex-state'))
// if (savedState) {
// store.replaceState(savedState)
// }


export default store